<template>
  <div class="demo">
    <div class="demo-title">自定义图标</div>
    <div class="demo-content">
      <Button type="primary" @click="openNotification">Open the notification box</Button>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { h } from 'vue';
  import { SmileOutlined } from '@ant-design/icons-vue';
  import Button from '@sscd/button';
  import Notification from '@sscd/notification';
  const openNotification = () => {
    Notification.open({
      message: 'Notification Title',
      description:
        'This is the content of the notification. This is the content of the notification. This is the content of the notification.',
      icon: () => h(SmileOutlined, { style: 'color: #108ee9' }),
    });
  };
</script>
